<template>
	<view class="wrapper">
		<view class="add-sku-box">
			<view class="add-sku-li">
				<view class="add-sku-li-l">
					规格名称：
				</view>
				<input type="text" v-model="name" placeholder="请输入规格名称" />
			</view>
			<view class="add-sku-li">
				<view class="add-sku-li-l">
					规格价格：
				</view>
				<input type="text" v-model="price" placeholder="请输入规格名称" />
			</view>
			<view class="add-sku-li" style="border: none;">
				<view class="add-sku-li-l">
					规格库存：
				</view>
				<input type="text" v-model="skuNum" placeholder="请输入规格名称" />
			</view>
		</view>
		<view class="btn">
			确定
		</view>
		<!-- 提示窗 -->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl:'',
				num:Math.random(),
				id:0,
				name:'',//规格名称
				price:'',//规格价格
				skuNum:'',//规格库存
			}
		},
		onLoad(e) {
			// this.id = e.id
			// this.id = 9
		},
		onShow(){
			this.imgUrl = this.api.imgUrl
			
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	@import url('../../common/common.css');
	.wrapper {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100%;
		padding-bottom: 150upx;
		box-sizing: border-box;
		background:#F6F6F6;
	}
	.add-sku-box{
		width: 100%;
		margin-top: 20upx;
		background: #FFFFFF;
		.add-sku-li{
			width:90%;
			height: 100upx;
			margin:0 auto;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			border-bottom:1upx solid #EEEEEE;
			.add-sku-li-l{
				width: 150upx;
				font-size:30upx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(0,0,0,1);
			}
			>input{
				width:400upx;
				height:60upx;
				background:rgba(247,248,250,1);
				padding: 0 30upx;
			}
		}
	}
	.btn{
		width:400upx;
		height:80upx;
		margin: 150upx auto;
		background:rgba(247,0,0,1);
		box-shadow:0px 2upx 24upx 0px rgba(251,88,88,1);
		border-radius:40upx;
		text-align: center;
		line-height: 80upx;
		font-size:34upx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(255,255,255,1);
	}
</style>
